// element-ui 全局样式重置，不包含颜色配置，所有全局颜色配置均在color-style.scss中
@font-face {
  font-family: element-icons;
  src: url(~@/styles/el-theme/fonts/element-icons.woff) format("woff"), url(~@/styles/el-theme/fonts/element-icons.ttf) format("truetype");
  font-weight: 400;
  font-display: auto;
  font-style: normal
}

.el-menu {
  border-right: none !important;
}

.horizontal-collapse-transition {
  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}

.scrollbar-wrapper {
  overflow-x: hidden !important;
}

.el-scrollbar__bar.is-vertical {
  right: 0px;
}

.el-scrollbar {
  height: 100%;
}

.is-horizontal {
  display: none;
}

//el-dialog 弹出dialog样式重置，垂直居中，最高80vh，body滚动
.common-dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;

  .el-dialog {
    max-height: 80vh;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;

    .el-dialog__header {
      padding-top: 12px;

      .el-dialog__headerbtn {
        top: 16px;
      }
    }

    .el-dialog__body {
      padding: 18px 30px;
      flex: 1;
      overflow-y: auto;

      &::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 6px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
      }

      &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        // border-radius: 8px;
        background: rgba(0, 0, 0, 0.1);
      }
    }
  }
}

.el-input-group--append {
  height: 30px;
}
